<ion-header>
    <ion-navbar color="danger">
        <ion-buttons start>
            <button ion-button clear>
                <ion-icon name="search"></ion-icon>找品牌
            </button>
        </ion-buttons>
        <ion-title>
            品牌
        </ion-title>
        <ion-buttons end>
            <button ion-button clear>
                <ion-icon name="chatbubbles"></ion-icon>
            </button>
        </ion-buttons>
    </ion-navbar>
</ion-header>

<ion-content>
    <div>
    <ion-slides autoplay="2000" loop="ture" (click)="goDetail()">
        <ion-slide>
            <img src="assets/image/slide0.jpg" class="slide-image"/>
        </ion-slide>
        <ion-slide>
            <img src="assets/image/slide1.jpg" class="slide-image"/>
        </ion-slide>
        <ion-slide>
            <img src="assets/image/slide2.jpg" class="slide-image"/>
        </ion-slide>
    </ion-slides>
    </div>
    <div>
    <ion-slides slidesPerView="2" (click)="goDetail()">
        <ion-slide>
            <ion-card>
                <img src="assets/image/slide0.jpg" class="slide-image-another"/>
                <ion-card-title>物品描述</ion-card-title>
                <p>更多的物品描述在这</p>
            </ion-card>
        </ion-slide>
        <ion-slide>
            <ion-card>
                <img src="assets/image/slide1.jpg" class="slide-image-another"/>
                <ion-card-title>物品描述</ion-card-title>
                <p>更多的物品描述在这</p>
            </ion-card>
        </ion-slide>
        <ion-slide>
            <ion-card>
                <img src="assets/image/slide2.jpg" class="slide-image-another"/>
                <ion-card-title>物品描述</ion-card-title>
                <p>更多的物品描述在这</p>
            </ion-card>
        </ion-slide>
    </ion-slides>
    </div>
    <ion-card>
        <ion-item>
            <ion-avatar item-start>
                <img src="assets/image/avatar0.jpg" class="avatar-image">
            </ion-avatar>
            <h2>LANCOME兰蔻</h2>
            <p>根据兴趣推荐</p>
        </ion-item>
        <img src="assets/image/brands-card0.jpg" (click)="goDetail()">
        <ion-card-content (click)="goDetail()">
            <p>具体内容</p>
        </ion-card-content>
        <ion-row>
            <ion-col>
                <ion-buttons end>
                    <button ion-button color="danger" clear icon-left>
                        <ion-icon name="thumbs-up"></ion-icon>
                        30
                    </button>
                    <button ion-button color="danger" clear icon-left>
                    <ion-icon name="eye"></ion-icon>
                        150
                    </button>
                </ion-buttons>
            </ion-col>
        </ion-row>
    </ion-card>
    <ion-card>
        <ion-item>
            <ion-avatar item-start>
                <img src="assets/image/avatar1.jpg" class="avatar-image">
            </ion-avatar>
            <h2>LA MER</h2>
            <p>根据兴趣推荐</p>
        </ion-item>
        <img src="assets/image/brands-card1.jpg" (click)="goDetail()">
        <ion-card-content (click)="goDetail()">
            <p>具体内容</p>
        </ion-card-content>
        <ion-row>
            <ion-col>
                <ion-buttons end>
                    <button ion-button color="danger" clear icon-left>
                        <ion-icon name="thumbs-up"></ion-icon>
                        40
                    </button>
                    <button ion-button color="danger" clear icon-left>
                    <ion-icon name="eye"></ion-icon>
                        200
                    </button>
                </ion-buttons>
            </ion-col>
        </ion-row>
    </ion-card>
    <ion-card>
        <ion-item>
            <ion-avatar item-start>
                <img src="assets/image/avatar2.jpg" class="avatar-image" (click)="goDetail()">
            </ion-avatar>
            <h2>shu uemura</h2>
            <p>根据兴趣推荐</p>
        </ion-item>
        <img src="assets/image/brands-card2.jpg" (click)="goDetail()">
        <ion-card-content (click)="goDetail()">
            <p>具体内容</p>
        </ion-card-content>
        <ion-row>
            <ion-col>
                <ion-buttons end>
                    <button ion-button color="danger" clear icon-left>
                        <ion-icon name="thumbs-up"></ion-icon>
                        50
                    </button>
                    <button ion-button color="danger" clear icon-left>
                    <ion-icon name="eye"></ion-icon>
                        250
                    </button>
                </ion-buttons>
            </ion-col>
        </ion-row>
    </ion-card>
    <ion-toolbar color="danger">
        <ion-title color="#FFFFFF">[ 理想生活上天猫 ]</ion-title>
    </ion-toolbar>
</ion-content>
